ホームに戻る
出典 :
Canvas クラス (System.Windows.Controls) | Microsoft Learn Panel クラス (System.Windows.Controls) | Microsoft Learn C#WPFの道#30！Canvasの書き方と使い方をわかりやすく解説！ - ピーコックアンダーソン
関連 :
Grid DockPanel StackPanel コントロールの重ね描き
目次 :

Canvas コントロール( System.Windows.Controls.Canvas )

コントロールを配置するための下地となる Panel の一種で、座標を指定してコントロールを配置するのに用いる。 画像

具体例

XAML(抜粋)
<Canvas> <!-- 矩形(赤) : 左上端と幅、高さを指定 --> <Rectangle Canvas.Left="20" Canvas.Top="20" Width="100" Height="100" Fill="Red" Panel.ZIndex="0"/> <!-- 矩形(青) : 左下端と幅、高さを指定 --> <Rectangle Canvas.Left="20" Canvas.Bottom="30" Width="100" Height="100" Fill="Blue" Panel.ZIndex="2"/> <!-- 矩形(黄) : 右下端と幅、高さを指定 --> <Rectangle Canvas.Right="100" Canvas.Bottom="100" Width="100" Height="100" Fill="Yellow" Panel.ZIndex="1"/> </Canvas>
デザイナ
画像
解説
上記は、Canvas に3つの矩形( Rectangle )を配置する例である。 Canvas に対する相対座標を指定しているが、Left と Right 、Top と Bottom のいずれを用いることも可能である。 なお、コントロール同士が重なる場合、ZIndex の値が大きいほうが手前に表示される。 この場合最も ZIndex が大きい青の矩形が最も手前に、続いて黄、赤の順で表示される。